<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>浏览任务</title>

    <meta name="description" content="User publish task page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />

    <!-- The css corresponding to page -->
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/search_task.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="fonts/fonts.googleapis.com.css" />

    <!--angularjs and the corresponding js for page-->
    <script src="js/angular.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6ojaMOEL55KC64PyYMnjMptuPAGnnWtm"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

    <!--slider-->
    <script src="js/jquery.min.js"></script>
    <script src="js/search-task/hammer.min.js"></script>
    <script src="js/search-task/hammer.jquery.min.js"></script>
    <script src="js/search-task/itemslide.min.js"></script>
    <script src="js/search_task.js"></script>

</head>

<body>
<div class="container" ng-controller="searchTaskCtrl">
    <!--顶部导航栏-->
    <!--<nav class="mynavbar navbar navbar-default" role="navigation">-->
        <!--<div style="float:left;width:20%;"><i class="fa fa-arrow-left fa-2x" style="color:white;margin:10px;" ng-click="back2Publish()"></i></div>-->
        <!--<div style=""><a class="navbar-brand" href="#">浏览任务</a></div>-->
    <!--</nav>-->
    <!--<div class="navbar-header">-->
        <!--<form class="navbar-form" role="search" style="width:240px;">-->
            <!--<div class="input-group input-group-xs">-->
                <!--<input type="text" id="selectLoc" class="form-control myinput" placeholder="搜索地址" ng-model="location_name"><span class="input-group-addon myspan"><i class="fa fa-search" ng-click="search()"></i></span>-->
            <!--</div>-->
            <!--<div id="searchResultPanel" style="border:1px solid #C0C0C0;border-radius:20px;width:240px;height:auto; display:none;"></div>-->
        <!--</form>-->
    <!--</div>-->
    <nav class="mynavbar navbar navbar-default" role="navigation">
        <div style="float:left;width:20%;"><i class="fa fa-arrow-left fa-2x" style="color:white;margin:10px;" ></i></div>
        <div class="navbar-header">
            <div style="display:inline-block;position:relative;right:13%;"><a class="navbar-brand" href="#">浏览任务</a></div>
            <!--<div style=""><a class="navbar-brand" href="#">浏览任务</a></div>-->
        </div>
    </nav>

    <!--地图-->
    <div id="search-map"></div>

    <ul class="search-task-ul">
        <li  ng-repeat="item in taskList" class="search-task-wrapper" style="display: none">
                <div class="search-task-container">
                    <div class="search-task-left">
                        <div class="search-task-user-base">
                            <img ng-src="{{item.user.headImage}}">
                            <span>{{item.user.name}}</span>
                            <div style="clear: both"></div>
                        </div>
                        <div class="search-task-user-detail">
                            <p>
                                <span class="search-task-user-detail-left">积分：</span>
                                <span class="search-task-user-detail-right">{{item.user.reputation}}</span>
                            </p>
                            <p>
                                <span class="search-task-user-detail-left">完成：</span>
                                <span class="search-task-user-detail-right">{{item.user.finish}}</span>
                            </p>
                            <p>
                                <span class="search-task-user-detail-left">发布：</span>
                                <span class="search-task-user-detail-right">{{item.user.publish}}</span>
                            </p>
                        </div>
                    </div>

                    <div class="search-task-right">
                        <div class="search-task-base">
                            <p class="search-task-header">{{item.task.name}}</p>
                            <div class="search-task-score">
                                <span>{{item.task.reward}}</span>
                            </div>
                            <div style="clear: both"></div>
                        </div>

                        <div class="search-task-detail">
                            <div class="search-task-desc">
                                <span >任务描述：</span>
                                <span>{{item.task.description}}</span>
                            </div>
                            <div class="search-task-time">
                                <span>时间截止：</span>
                                <span>{{item.task.endTime}}</span>
                            </div>
                        </div>

                        <div class="search-task-accept-button">
                            <button>接受任务</button>
                        </div>
                    </div>

                    <div style="clear: both"></div>
                </div>

        </li>
    </ul>


    <div style="height:50px;">
        <!--底部导航栏-->
        <nav class="mybottomnav navbar navbar-default navbar-fixed-bottom" role="navigation">
            <ul class="nav navbar-nav bottom-ul">
                <li><a class="btn myactive" href="#"><i class="fa fa-eye fa-lg upper-img"></i> <span class="bottom-text">浏览</span></a></li>
                <li><a class="btn" href="#"><i class="fa fa-address-book-o fa-lg upper-img-three"></i> <span class="bottom-text-three">通讯录</span></a></li>
                <li><a class="btn" href="publish.html"><i class="fa fa-plus fa-lg upper-img"></i> <span class="bottom-text">发布</span></a></li>
                <li><a class="btn" href="#"><i class="fa fa-user-o fa-lg upper-img"></i> <span class="bottom-text">我的</span></a></li>
            </ul>
        </nav>
    </div>
</div>


</body>
</html>